<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/bootstrap-theme.min.css" rel="stylesheet">
        <link href="css/ui-lightness/jquery-ui-1.9.2.custom.css" rel="stylesheet">
        <link rel="stylesheet" href="css/style.css" type="text/css" />
    </head>
    <body>
        <div class="rightButtons">
            <div class="rightbtn btn1" data-toggle="popover" data-placement="left" data-content="Nowości">
                <span class="glyphicon glyphicon-star"></span>
            </div>
            <div class="clearfix"></div>

            <div class="rightbtn btn2" data-toggle="popover" data-placement="left" data-content="Promocje">
                <span class="glyphicon glyphicon-usd"></span>
            </div>
            <div class="clearfix"></div>

            <div class="rightbtn btn3" data-toggle="popover" data-placement="left" data-content="Wyprzedaże">
                <span class="glyphicon glyphicon-tags"></span>
            </div>
        </div>

        <div class="leftButtons">
            <div class="rightbtn btn4" data-toggle="popover" data-placement="right" data-content="Koszyk">
                <span class="glyphicon glyphicon-shopping-cart"></span>
            </div>
            <div class="clearfix"></div>

            <div class="rightbtn btn5" data-toggle="popover" data-placement="right" data-content="Regulamin">
                <span class="glyphicon glyphicon-list-alt"></span>
            </div>
            <div class="clearfix"></div>

            <div class="rightbtn btn6" data-toggle="popover" data-placement="right" data-content="Kontakt">
                <span class="glyphicon glyphicon-earphone"></span>
            </div>
        </div>
        <div class="promoBg"></div>
        <div class="promoContent">
            <div class="news">
                newsy
            </div>
            <div class="promotions">
                promocje
            </div>
            <div class="sale">
                wyprzedaże
            </div>
            <div class="basket">
                koszyk
            </div>
            <div class="rules">
                regulamin
            </div>
            <div class="contact">
                kontaktiren
            </div>
        </div>

        <div class="mainContainer">
            <div class="container">
                <div class="topBar">
                    <div class="logoBox">logo
                    </div>  

                    <div id="iconContainer">    
                        <div class="iconBox">
                            <span class="glyphicon glyphicon-log-in"></span>    
                            Zaloguj
                        </div>
                        <div class="iconBox">
                            <span class="glyphicon glyphicon-pencil"></span>    
                            Rejestracja
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="underButton">
            <div class="container">
                <div class="button spaceButton">

                </div>
                <a href="#">
                    <div class="button">
                        Buty
                    </div></a>
                <a href="#">
                    <div class="button">
                        Odzież
                    </div></a>
                <a href="#">
                    <div class="button">
                        Bielizna
                    </div></a>


            </div>
        </div> 
        <div class="zoneBox">
            <span style=" padding-left: 2px" class="glyphicon glyphicon-star-empty"></span>   
            STREFA: <select name="strefa" style="color: black; width: 53%; float: right"> 
                <option> Męska </option>
                <option> Damska </option>
                <option> Dziecięca </option>
            </select>
        </div>
        <div class="mainContainer"> 

        </div>
        <div class="container">


            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>

                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="http://placehold.it/1200x315" alt="...">
                        <div class="carousel-caption">
                            <h3>Caption Text</h3>
                        </div>
                    </div>
                    <div class="item">
                        <img src="http://placehold.it/1200x315" alt="...">
                        <div class="carousel-caption">
                            <h3>Caption Text</h3>
                        </div>
                    </div>
                    <div class="item">
                        <img src="http://placehold.it/1200x315" alt="...">
                        <div class="carousel-caption">
                            <h3>Caption Text</h3>
                        </div>
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </a>
            </div> <!-- Carousel -->  
        
        <div class="col-xs-4 newsBox">
            <div class="newsPicture">
                <img src="bg.jpg" alt="" />
            </div>
            <div class="newsTitle">
                Tytuł
            </div>
            <div class="newsText">
                blablabjosahwlerl
            </div>
        </div>
            <div class="col-xs-4 newsBox">
            <div class="newsPicture">
                <img src="apple.jpg" alt="" />
            </div>
            <div class="newsTitle">
                Tytuł
            </div>
            <div class="newsText">
                blablabjosahwlerlqw
            </div>
        </div><div class="col-xs-4 newsBox">
            <div class="newsPicture">
                <img src="bg.jpg" alt="" />
            </div>
            <div class="newsTitle">
                Tytuł
            </div>
            <div class="newsText">
                blablabjosahwlerlqw
            </div>
        </div><div class="col-xs-4 newsBox">
            <div class="newsPicture">
                <img src="apple.jpg" alt="" />
            </div>
            <div class="newsTitle">
                Tytuł
            </div>
            <div class="newsText">
                blablabjosahwlerlqw
            </div>
        </div><div class="col-xs-4 newsBox">
            <div class="newsPicture">
                <img src="bg.jpg" alt="" />
            </div>
            <div class="newsTitle">
                Tytuł
            </div>
            <div class="newsText">
                blablabjosahwlerlqw
            </div>
        </div><div class="col-xs-4 newsBox">
            <div class="newsPicture">
                <img src="apple.jpg" alt="" />
            </div>
            <div class="newsTitle">
                Tytuł
            </div>
            <div class="newsText">
                blablabjosahwlerlqw
            </div>
        </div>
            <div class="col-xs-6 specialNewProduct">
                <div class="specialProductImage">
                    <img src="apple.jpg">
                </div>
                <div class="specialProductTitle">
                    Najnowszy produkt
                </div>
                 <div class="specialProductText">
                    tekssst
                </div>
            </div>   
            <div class="col-xs-6 specialPopularProduct">
                <div class="specialProductImage">
                    <img src="apple.jpg">
                </div>
                <div class="specialProductTitle">
                    Najpopularniejszy produkt
                </div>
                <div class="specialProductText">
                    tekssst
                </div>
            </div>  
            
        </div>
        

        <script src="js/jquery.min.js"></script>
        <script src="js/jquery-ui-1.9.2.custom.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/tinymce/tinymce.min.js"></script>
        <script src="js/document.js"></script>
    </body>
    <div class="footer">

            <div class="col-xs-3 borderRight">
                <div class="footerSearch">
                    <span class="glyphicon glyphicon-search"></span>
                    Wyszukiwarka
                    <input class="form-control marginBtn" placeholder="Szukaj...">
                    <button type="submit" class="btn btn-default marginBtn">Szukaj</button>
                </div>
            </div>
            <div class="col-xs-4 borderRight">
                <div class="contactDescription">
                    <span class="glyphicon glyphicon-phone"></span>
                    0 700 880 888 <br>  
                    <span class="glyphicon glyphicon-envelope"></span>
                    szop@gmail.com
                </div>
            </div>
            <div class="col-xs-2">
                <div class="socialBox marginBtn">
                    Śledź nas <br>
                    <button type="button" class="btn btn-primary btn-block marginBtn">Facebook</button>
                    <button type="button" class="btn btn-info btn-block marginBtn">Twitter</button>
                </div>
            </div>
            <div class="col-xs-3 borderLeft">
                <div class="newsletterBox marginBtn10">


                    <span class="glyphicon glyphicon-plus-sign"></span>
                    Newsletter
                    <input class="form-control marginBtn" placeholder="Enter email">
                    <button type="submit" class="btn btn-default marginBtn">Wyślij</button>
                </div>
            </div>

        </div>
</html>
